.btn-primary:active:focus, .btn-warning:active:focus{
    -webkit-box-shadow:none;
}
.margin-btn{
  margin:4px;
}

::selection {
  color: white;
  background: #053479;
}
.btn.btn-warning {
    background: #FFC107;
    color: #ffffff;
}
.empty-space{
    padding-top: 6px;
}
.label-bold{
    font-weight: 700;
    color:grey;
}
.btn.btn-success {
    background: #1cc88a;
    color: #ffffff;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
    background: #18aa75;
    color: #ffffff;
}
.pull-right{
    float:right;
}
.pull-left{
    float:left;
}
.content-top-padding{
    padding-top: 5rem;
}
.card .card-header{
  justify-content: space-between;
}
.card .card-header h6{
  font-size: 20px;
}
.card-outer-box{
    background-color: #ffffff;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 28px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 28px rgb(0 0 0 / 10%);
    border-radius: 0.35rem;

}
.card-outer-box .inner-content{
    padding: 20px 20px 30px 20px;
    border: 1px solid #e8e8e8;
    border-top: 0px;
    -webkit-transition: 800ms;
    -moz-transition: 800ms;
    -o-transition: 800ms;
    transition: 800ms;
    border-radius: 0.35rem;
}
.vle-table td, .vle-table th {
    vertical-align: middle;
    position: relative;
}
table.vle-table {
    border-top: 1px solid #e3e6f0 !important;
    border-right: 0px solid transparent;
    border-left: 0;
    border-right: 0;
}
table.vle-table {
    clear: both;
    border-collapse: separate !important;
    border-spacing: 0;
}
.table-responsive .vle-table.table-bordered>thead>tr>th,.table-responsive .vle-table.table-bordered>tbody>tr>td {
    border-color: transparent !important;
    vertical-align: middle;
}
table.vle-table thead th, table.vle-table thead td {
    border-bottom: 1px solid #eeeeee !important;
    text-align: left;
}
table.vle-table tbody tr:nth-of-type(odd) td {
    background-color: rgba(0, 0, 0, 0.04);
}
.table-responsive table.vle-table>thead>tr>td {
    border-color: transparent !important;
}
.table-responsive .vle-table.table-bordered>tbody>tr:hover{
    background-color: #f2f1f1;
}
.form-control:focus{
    background: #f8f8f8;
    border-color: #849fee;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.card-body .wallet-balance {
    background-color: #ddebff;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.card-body .wallet-balance  h2 {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    margin-top: 5px;
}
@media (max-width:768px){
    .card-body .wallet-balance {
        padding: 8px;
        margin-bottom: 15px;
        border-radius: 5px;
    }
    .card-body .wallet-balance  h2 {
        font-size: 16px;
        margin-top: 6px;
    }
}
.main-content .main{
    margin-top: 6% ;
}
@media (min-width: 320px) and (max-width: 1199px){
.table {
    min-width: 1000px;
}
}


/*sidebar*/

/*sidebar*/
.g-sidenav-show .custom1{
    /* background-color: #040D1A; */
  }
  /* .g-sidenav-show .navbar .sidenav-toggler-inner {
    top: 8px;
  } */
  @media (max-width: 1199.98px) {
    .g-sidenav-show > aside{
      display:none;
    }
    .profile-redeem-box {
      margin-top: 20px;
    }
    .g-sidenav-show:not(.rtl) .sidenav {
      transform: translateX(-17.625rem) !important;
    }
    .g-sidenav-show.g-sidenav-pinned .sidenav {
      transform: translateX(-17.625rem) !important;
    }
    ul.admin.dropdown-menu.show {
      left: -40px !important;
    }
    .butn-endd.d-flex{
      justify-content: space-between !important;
    }
  }
  @media (min-width: 576px) {
    .g-sidenav-show .container,
    .g-sidenav-show .container-sm {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .g-sidenav-show .container,
    .g-sidenav-show .container-md,
    .g-sidenav-show .container-sm {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .g-sidenav-show .container,
    .g-sidenav-show .container-lg,
    .g-sidenav-show .container-md,
    .g-sidenav-show .container-sm {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .g-sidenav-show .container,
    .g-sidenav-show .container-lg,
    .g-sidenav-show .container-md,
    .g-sidenav-show .container-sm,
    .g-sidenav-show .container-xl {
      max-width: 1140px;
    }
  }
  @media (min-width: 1400px) {
    .g-sidenav-show .container,
    .g-sidenav-show .container-lg,
    .g-sidenav-show .container-md,
    .g-sidenav-show .container-sm,
    .g-sidenav-show .container-xl,
    .g-sidenav-show .container-xxl {
      max-width: 1320px;
    }
  }
  .g-sidenav-show .border-radius-md {
    border-radius: 0.5rem;
  }
  .me-2 {
    margin-right: .5rem!important;
  }
  .g-sidenav-show .navbar-vertical .navbar-nav > .nav-item .nav-link.active {
    background: transparent !important;
    -webkit-text-fill-color: #ddd;
    color: #ddd;
  }
  .g-sidenav-show .sidenav.fixed-start + .main-content {
    margin-left: 17.125rem;
  }
  .g-sidenav-show aside#sidenav-main {
    background: #053479;
    max-width: 17.625rem !important;
    overflow-x: hidden;
  }
  .g-sidenav-show .navbar-vertical.navbar-expand-xs.fixed-start {
    left: 0;
  }
  .g-sidenav-show .navbar-vertical.navbar-expand-xs {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 15.625rem !important;
    overflow-y: auto;
    padding: 0;
    box-shadow: none;
    z-index: 1;
  }
  .g-sidenav-show .navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
  }
  .g-sidenav-show .sidenav-header {
    height: 5rem;
  }
  .g-sidenav-show .cursor-pointer {
    cursor: pointer;
  }
  .g-sidenav-show .sidenav .navbar-brand {
    padding-bottom: 30px;
  }
  .g-sidenav-show .navbar-vertical .navbar-brand-img, .g-sidenav-show .navbar-vertical .navbar-brand > img {
    max-width: 100%;
    max-height: 100px;
  }
  
  .g-sidenav-show .navbar-vertical.navbar-expand-xs .navbar-collapse {
    display: block;
    overflow: initial;
    height: calc(100vh - 360px) !important;
  }
  .g-sidenav-show .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
  }
  .g-sidenav-show .navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .g-sidenav-show .navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item {
    margin-top: 0.125rem;
    margin:2px;
  }
  .g-sidenav-show .navbar-vertical.navbar-expand-xs .navbar-nav .nav-item {
    width: 100%;
  }
  .g-sidenav-show .navbar-vertical.navbar-expand-xs .navbar-nav .nav-item:hover, .g-sidenav-show .navbar-vertical.navbar-expand-xs .navbar-nav .nav-item:active {
    background-color: rgba(33, 33, 33, 0.1);
    border-left: 4px solid #0d6efd;
  }
  .g-sidenav-show .navbar-vertical .navbar-nav > .nav-item .nav-link {
    width: 230px;
    height: 38px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
  }
  .g-sidenav-show .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
    padding:1.5rem 0;
    margin: 0 1rem;
  }
  .g-sidenav-show .navbar-vertical .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .g-sidenav-show .navbar-vertical .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 500;
    color: #67748e;
  }
  .g-sidenav-show .border-radius-md {
    border-radius: 0.5rem;
  }
  .g-sidenav-show .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .border-radius-md img {
    height: 24px;
    width: auto !important;
  }
  .g-sidenav-show img, svg {
    vertical-align: middle;
  }
  .g-sidenav-show .sidenav .nav-link-text {
    transition: 0.3s ease;
    opacity: 1;
  }
  .g-sidenav-show .navbar .sidenav-toggler-inner .sidenav-toggler-line {
    transition: all 0.15s ease;
    background: #67748e;
    border-radius: 0.125rem;
    position: relative;
    display: block;
    height: 2px;
  }
  .g-sidenav-show .navbar .sidenav-toggler-inner .sidenav-toggler-line {
    transition: all 0.15s ease;
    background: #000;
    border-radius: 0.125rem;
    position: relative;
    display: block;
    height: 2px;
  }
  .g-sidenav-show .navbar .sidenav-toggler-inner {
    width: 18px;
    position: absolute;
    right: 10px;
  }
  .g-sidenav-show
    .navbar
    .sidenav-toggler-inner
    .sidenav-toggler-line:not(:last-child) {
      margin-bottom: 3px;
  }
  @media(max-width:1199.98px) {
    .g-sidenav-show .sidenav.fixed-start + .main-content {
      margin-left: 0;
    }
    /* .g-sidenav-show .navbar .sidenav-toggler-inner {
      top: 10px;
  } */
  .g-sidenav-show.g-sidenav-pinned .sidenav {
    transform: translateX(0) !important;
  }
  }
  
  nav .admin_name button.navbtn {
    background: linear-gradient(90deg, #a77327 0%, #efd67b 49.79%, #a77327 100%);
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 500;
    margin: 3px;
    font-size: 16px;
    color: #000 !important;
  }
  .g-sidenav-show .navbar.navbar-main.navbar-expand-lg.px-0.mx-2.shadow-none.border-radius-xl {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 0 !important;
    background-color: #040D1A ;
    padding-left: 270px !important;
  }
  .g-sidenav-show .navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
  }
  .g-sidenav-show .navbar-main {
    transition: box-shadow 0.25s ease-in, background-color 0.25s ease-in;
  }
  .g-sidenav-show .navbar > .container, .g-sidenav-show .navbar > .container-fluid, .g-sidenav-show .navbar > .container-lg, .g-sidenav-show .navbar > .container-md, .g-sidenav-show .navbar > .container-sm, .g-sidenav-show .navbar > .container-xl, .g-sidenav-show .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
  }
  .g-sidenav-show .container, .g-sidenav-show .container-fluid, .g-sidenav-show .container-lg, .g-sidenav-show .container-md, .g-sidenav-show .container-sm, .g-sidenav-show .container-xl, .g-sidenav-show .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
    margin-right: auto;
    margin-left: auto;
  }
  .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {
    margin: 15px 0 !important;
  }
  .g-sidenav-show .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
  }
  .g-sidenav-show ul {
    padding-left: 0rem;
  }
  .g-sidenav-show .dropdown, .g-sidenav-show .dropend, .g-sidenav-show .dropstart, .g-sidenav-show .dropup {
    position: relative;
  }
  .butn-endd.d-flex {
    justify-content: end !important;
  }
  nav .admin_name button.navbtn {
    background: linear-gradient(90deg, #a77327 0%, #efd67b 49.79%, #a77327 100%);
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 600;
    margin: 3px;
    font-size: 17px;
    color: #000 !important;
  }
  @media (max-width: 1199px){
    .g-sidenav-show .navbar.navbar-main.navbar-expand-lg.px-0.mx-2.shadow-none.border-radius-xl {
        padding-left: 0 !important;
        border-radius: 0;
    }
    
    .butn-endd.d-flex {
      justify-content: space-between !important;
    }
    .admin_name {
      margin-left: 20px !important;
    }
    }
    @media (max-width: 991.98px){
    .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .footer-top .single-footer-top {
      padding: 27.5px 0;
      border-top: 1px solid rgba(255, 255, 255, .06);
    }
    }
   
    @media (max-width: 768px){
        .g-sidenav-show .sidenav-header {
            height: 4rem;
        }
      .confirm-payment .modal-content .modal-body p {
        font-weight: 400;
        font-size: 14px;
        color: hsla(0,0%,100%,.7);
    }
    .payment-process .modal-content .modal-body p {
      font-weight: 400;
      font-size: 14px;
      color: hsla(0,0%,100%,.7);
  }
  #token-boxs .token-box2 .token-head p {
    color: hsla(0,0%,100%,.7);
    padding: 10px 0;
    font-size: 14px;
  }
  .card .card-body ul li {
    position: relative;
    padding: 9px 0 9px 3px;
    font-size: 14px;
  }
      .g-sidenav-show .navbar-vertical .navbar-brand-img, .g-sidenav-show .navbar-vertical .navbar-brand > img {
        max-width: 100%;
        max-height: 80px;
    }
    .g-sidenav-show .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .g-sidenav-show .navbar.navbar-main.navbar-expand-lg.px-0.mx-2.shadow-none.border-radius-xl {
      padding-left: 0 !important;
      border-radius: 0;
  }
  body .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {
    margin: 10px 0 !important;
  }
  nav .admin_name button.navbtn {
    border-radius: 3px;
    font-size: 10px;
    margin: 0;
    padding: 2px 5px !important;
    display: block;
    line-height: 12px;
  }
  body .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {
    margin: 10px 0 !important;
  }
  .g-sidenav-show .navbar-collapse {
    position: relative;
    top: 0;
    margin-top: 0 !important;
    padding: 0;
  }
  .admin_name {
    margin-left: 20px !important;
  }
  .admin_name {
    margin-left: 20px !important;
  }
  
  /* .g-sidenav-show .container-fluid {
    padding: 0px 0 !important;
  } */
  body .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {
    margin: 10px 0 !important;
  }
  nav .admin_name button.navbtn {
    border-radius: 3px;
    font-size: 10px;
    margin: 0;
    padding: 2px 5px !important;
    display: block;
    line-height: 12px;
  }
  }
  @media screen and (min-device-width: 330px) and (max-device-width: 600px){
    nav .admin_name button.navbtn {
        background: linear-gradient(90deg, #a77327 0%, #efd67b 49.79%, #a77327 100%);
        font-weight: 500;
        width: 100%;
        font-size: 10px;
      margin: 0;
      padding: 2px 5px !important;
    }
    }
     .g-sidenav-show .fixed-bottom1{
      position: absolute;
      bottom: 0;
    }
    .g-sidenav-show .navbar.navbar-main.navbar-expand-lg {
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 1000;
        padding: 0 !important;
        /* padding-left: 270px ; */
    }
    .g-sidenav-show.g-sidenav-pinned
    .navbar
    .sidenav-toggler-inner
    .sidenav-toggler-line:first-child,
  .g-sidenav-show.g-sidenav-pinned
    .navbar
    .sidenav-toggler-inner
    .sidenav-toggler-line:last-child {
    width: 13px;
    transform: translateX(5px);
  }
  @media (max-width: 991.98px){
    .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse.dashboard-presale{
      padding-right: 50px;
    }
    .butn-endd.d-flex {
      height: 31px;
    }
    .g-sidenav-show .navbar.navbar-main.navbar-expand-lg{
        /* padding-left: 100px; */
    }
    }
   
    /*prscription*/
  .detail-table {
    padding-bottom: 1px;
    margin-top: 12px;
  }
  .sub-table {
    border-top: 2px solid #3e3c3cc7;
    margin-top: 0.5px;
    border-bottom: 2px solid #3e3c3cc7;
}
.outer-preview-row .block2, .outer-preview-row .block1, .outer-preview-row .rx_header {
  margin: 10px 0 !important;
  padding: 15px;
  text-align: left !important;
}
.block1 {
  margin: 12px -5px 8px 10px;
  border: 1px solid #0c0c0cc7;
}
.outer-preview-row .block2 h6, .outer-preview-row .block1 h6, .outer-preview-row .rx_header h3 {
  padding: 0 !important;
  margin: 0 0 5px !important;
}
.print_section u {
  text-decoration: none;
}
.col-md-4.left-border.right-border {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.right_prescription {
  position: relative;
  height: 100%;
  min-height: 400px;
}
.outer-preview-row .block2, .outer-preview-row .block1, .outer-preview-row .rx_header {
  margin: 10px 0 !important;
  padding: 15px;
  text-align: left !important;
}
.rx_header {
  border:1px solid #0c0c0cc7;
  margin-top: 3px;
}
.rx_header h1 {
  padding: 0;
  margin: 0;
}
.header-body {
  border-bottom: 2px solid #0c0c0cc7;
}
.disclaimer {
  padding: 45px;
  text-align: justify;
  float: left;
  width: 70%;
}
.disclaimer-right {
  padding: 17px 35px 17px 16px;
  float: left;
  width: 30%;
}
.sign-box {
  border: 1px solid #0c0c0cc7;
  padding: 21px 37px;
  margin-top: 49px;
}
.print_section u{
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.main-footer {
  background: #fff;
  padding: 15px;
  color: #455a64;
  border-top: 0px solid #d2d6de;
  transition: transform .3s ease-in-out, margin .3s ease-in-out;
    margin-left: 210px;
    z-index: 820;
}
.d-sm-inline-block {
  display: inline-block!important;
}
.prescription_headers1 {
  margin: 25px 25px 0px 25px;
}
img.chamber-img1 {
  /* max-width: 30%; */
  margin-bottom: 5px;
}
.top_status {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  /* border: 1px solid #999; */
  /* padding: 0 10px; */
  margin: 0;
  margin-bottom: 20px;
  border-left: 0;
  border-right: 0;
  margin: 25px 25px 0px 25px;
}
.pdf-body{
  overflow: hidden;
  padding: 0px;
  flex: 1 1 auto;
}
.prescription_headers1 p, .disclaimer , .sign-box, .remove_under{
  font-size: 14px;
  font-weight: 500;
}
@media (max-width:768px){
.right_pres_side {
  padding: 5px;
}
.disclaimer {
  padding: 10px 30px;
  text-align: justify;
  float: none;
  width: 100%;
}
.disclaimer-right {
  padding: 17px 30px 17px 30px;
  float: none;
  width: 100%;
}
.sign-box {
  border: 1px solid #0c0c0cc7;
  padding: 10px 20px;
  margin-top: 0;
  text-align: center;
}
.prescription_headers1 {
  margin: 15px 15px 10px 15px;
}
.header-body {
  border-bottom: 2px solid #0c0c0cc7;
}
img.chamber-img1 {
  max-width: 100%;
  margin-bottom: 5px;
}
.top_status {
  margin: 25px 10px 0px 10px;
  flex-wrap: wrap;
}
.left_tops, .right_top {
  display: block;
  width: 100%;
  text-align: left !important;
}
}
.block1 p{
  font-size: 14px;
}
.rx_header ol li{
  font-size: 14px;
  font-weight: 400;
}
.card-body .drop-flex {
  display: flex;
  justify-content: start;
  align-items: baseline;
}
.card-body .drop-flex p {
  font-size: 18px;
}
.card-body .drop-flex select {
  margin: 0 10px;
}
.card-body .drop-flex select {
  width: 100px;
}
.card-body .drop-flex {
  display: flex;
  justify-content: start;
  align-items: baseline;
}
 .card-body .drop-flex label {
  text-align: end;
  padding-right: 10px;
}
.card-body label {
  width: 100%;
  font-size: 16px;
  text-align: left;
  margin-bottom: 5px;
  font-weight: 500;
}
/*modal*/
.appointment-modal .head-modal1{
  background-color: #f2f1f1;
}
.appointment-modal .head-modal1 .modal-title{
  color:#053479;
}
.appointment-modal .bold-head{
  font-size: 18px;
  font-weight: 600;
  color:#0c5bd1;
}
.appointment-modal p{
  font-size: 14px;
}
.print_but{
  background: #053479;
  color: white;
  padding: 10px 46px;
  margin-bottom: 10px;
}
.font-sel {
  padding: 7px 36px;
  font-size: 20px;
  font-weight: bold;
}
.box-body label {
  font-weight: bold;
}

/* data pagination */
/* 

.paginationBttns a {
  padding: 10px;
  margin: 8px;
  border-radius: 5px;
  border: 1px solid rgb(27, 128, 183);

}
.paginationBttns a:hover{

  color: white;
  background-color: rgb(27, 128, 183);
}
.paginationActive{

  color: black;
  font-weight: bold;
} */
/* data pagination */

/* @media print {
  .printhl {
 
    display:none;
   
  }
}

.prePrint {
  height: auto !important;
  max-width: 600px !important;
} */

/*Print Dialog*/
/* @media print {
  body * {
      visibility: hidden;
  }
  #DialogPrint,
  #DialogPrint * {
      visibility: visible;
  }
  #DialogPrint {
      position: absolute;
      left: 0;
      top: 0;
  }
} */

.inputTag{
  display: none;
}
.inputTag1{
  display: none;
}
.multippic{
  cursor:pointer;
}
.imageName{
  color:green;
}
.box-multi{
  text-align:center;
  padding:3%;
  /* border:thin solid black; */
  border: 2px dashed grey;
}

/*ishita*/
.paginationBttns{
  display: flex;
    padding-left: 0;
    list-style: none;
}
 .paginationBttns a {
  color: #053479 !important;
  font-weight: 600;
  font-size: 16px;
  outline: none!important;
  box-shadow: none!important;
  border: 1px solid #dee2e6;
  padding: .375rem .75rem;
  text-decoration: none;
}
.paginationBttns {
  justify-content: flex-end;
}
.paginationBttns a:focus{
  background-color: #e9ecef;
}
.paginationBttns a:hover{
  background-color: #053479;
  color:#fff !important;
}
.previous:first-child a {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
.next:last-child a {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
.print_but:hover {
  color: white;
}
.modal-content .modal-box{
  padding: 6px;
}
.modal-content .modal-box .image-background{
  padding: 4px;
  /* border-radius: 4px;
  background-color: #ddebff; */
}
.user-profile{
  margin-left: auto;
}
.user-profile .profile-inner {
  border-radius: 50%;
  padding: 5px ;
}
.user-profile .profile-inner h2{
  font-size: 18px;
    padding: 0px;
    margin: 0;
}
.profile-inner  {
  height: 40px;
  border: 2px solid #053479!important;
  border-radius: 50%;
  width: 40px;
  object-fit: cover;
}
.user-profile .profile-inner>div {
  margin: 0 10px;
}
.user-profile .profile-inner h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #000;
  margin: 0;
}
.user-profile .profile-inner p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: rgba(0,0,0,.3);
  margin: 0;
}
@media (max-width:768px){
.user-profile .profile-inner {
padding: 0 10px;
}
.user-profile .profile-inner img {
  height: 30px;
  border: 1px solid #053479;
  width: 30px;
}
.user-profile .profile-inner h5 {
font-size: 14px;
}
.paginationBttns a{
  font-size: 14px;
  padding: .2rem .4rem;
}
}
.feed_error{

  text-align: center;
  color: red;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 20px;
}
.user-profile .btn-drop-user{
   background-color: rgb(255, 255, 255);
   border-radius: 30px;
   padding: 4px 10px;
}
.dropdown-menu .user-image-1{
  padding: 5px;
  border-bottom: 1px solid grey;
}
.dropdown-menu[data-bs-popper]{
  right: 0;
  left:auto;
}
.user-profile .btn-drop-user:focus{
  box-shadow: none;
}
.select_user{

  display: flex;
  align-items: center;


}
.select_user h6{
margin-bottom: 4px;
/* color: #053479; */

}
.select_user p{
  margin-bottom: 4px;
  color: #053479;
  font-weight: 400;

}
.select_user .user_logo{

font-size: 22px;
padding-right: 7px;
/* color: #053479; */

}
/* .user-profile .btn-drop-user span::first-letter {
  display: block;
} */
.user-image-1 .dropdown-item{
  padding: 0;
}
@media (max-width:768px){
  .dropdown-menu .user-image-1{
    padding: 4px 0px;
  }
  .user-image-1 .dropdown-item{
    padding:0.25rem 0.3rem;
  }
  .select_user .user_logo{
    font-size: 20px;
  }
  .g-sidenav-show .navbar .sidenav-toggler-inner{
    top:15px
  }
.user-profile .btn-drop-user span{
  /* display: none; */
  display:inline-block;
    visibility:hidden;
    font-size: 0px;
   
    
}
.user-profile .btn-drop-user span{
  visibility: visible;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  width: 2.2ch;
  height: 19px;
}
.user-profile .btn-drop-user {
  background-color: rgb(255, 255, 255);
  border-radius: 22px;
  padding: 2px 5px;
  text-align: center;
  align-items: center;
}
}
@media (min-width:280px) and (max-width:320px){
.user-profile .user-image{
  height:15px;
}
.user-profile .btn-drop-user span{
  font-size: 14px;
}
}
.for-border-full{
  border:1px solid rgba(0,0,0,.125);
  padding:15px;
  border-radius: 5px;
}
.header-details-body .history-head{
justify-content: space-between;
border-bottom: 1px solid #053479;
}
.header-details-body .history-head h5{
  color:#053479 !important;
}
.for-view1 tr td{
  color:#053479;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 8px;
  min-width:240px;
}
.for-view1 tr td span{
  color:#000;
  font-weight: 400;
}
@media (max-width:768px){
  .for-view1 tr td{
    min-width: 0px;
    font-size: 14px;
  }
}

.disabled-link_scan {
  pointer-events: none;
}





/* ////abha */
#checkout-progress {
  width: 95%;
  margin: 0px auto;
  position: relative;
}
.title {
  text-align: center;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
}
.hidden {
  display: none;
}
.opaque {
  opacity: 0;
  transition: 0.3s ease;
}
.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.abha-number-section {
  padding: 35px 0;
}
.abha-inner {
  /* border:1px solid rgb(191 191 191); */
  border-radius: 5px;
  padding: 10px 0 0;
}
.abha-heading {
   margin-bottom: 40px;
}
.abha-heading h2 {
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0;
}
.abha-steps {
  background: #dcdcdc91;
  padding: 30px 100px;
  height: 135px;
}
#checkout-progress .progress-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: unset;
  background: unset;
  width: 100%;
  overflow: unset;
}
#checkout-progress .progress-bar .step {
  z-index: 2;
  position: relative;
}
#checkout-progress .progress-bar .step .step-label {
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  transform: translateX(-50%) perspective(1000px);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  color: #ccc;
  transition: 0.3s ease;
}
#checkout-progress {
    font-size: 1.5em;
}
#checkout-progress:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 3px;
  width: 100%;
  background-color: #ccc;
  transform: translateY(-50%) perspective(1000px);
}
#checkout-progress:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 3px;
  width: 100%;
  background-color: #2C3E50;
  transform: scaleX(0) translateY(-50%) perspective(1000px);
  transform-origin: left center;
  transition: transform 0.5s ease;
}
#checkout-progress.step-2:after {
  transform: scaleX(0.333) translateY(-50%) perspective(1000px);
  background-color: #4a99ae;
}
#checkout-progress.step-3:after {
  transform: scaleX(0.666) translateY(-50%) perspective(1000px);
}
#checkout-progress.step-4:after {
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}
#checkout-progress.step-5:after {
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}
#checkout-progress .progress-bar .step .step-label {
    top: calc(100% + 15px);
}
#checkout-progress .progress-bar .step span {
  color: #fff;
  font-size: 25px;
  transition: 0.3s ease;
  display: block;
  transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
}
#checkout-progress .progress-bar .step .fa-check {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: transform 0.3s ease;
  transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}
#checkout-progress .progress-bar .step.active span {
  color: #fff;
  font-size: 25px;
}
#checkout-progress .progress-bar .step.valid .fa-check {
  transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
  font-size: 25px;
}
#checkout-progress .progress-bar .step.valid span {
  color: #2C3E50;
  transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}
#checkout-progress .progress-bar .step:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) perspective(1000px);
  width: 50px;
  height: 50px;
  background-color: #ccc;
  border-radius: 50%;
  transition: 0.3s ease;
}
#checkout-progress .progress-bar .step.valid::after {
    background-color: #4a99ae;
}
#checkout-progress .progress-bar .step.step.active:after {
    background-color: #4a99ae;
}
#checkout-progress .progress-bar .step.active .step-label {
    color: #000;
}
#checkout-progress .progress-bar .step.step.valid .step-label {
  color: #000;
}
#checkout-progress .progress-bar .step:after {
  width: 40px;
  height: 40px;
}
.button-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  /* justify-content: flex-end; */
  justify-content: center;
}
.otp-resend-root{

  margin-top: 16px;
}
.button-container .btn {
  display: inline-block;
  background-color: #053479;
  color: #fff;
  padding: 7px 55px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  transition: 0.3s ease;
  cursor: pointer;
  text-align: center;
}
.button-container .btn.btn-prev{
  background-color: unset;
  padding: 0;
  color: #000;
  border: 0;
  font-weight: 600;
  font-size: 15px;
  margin-right: 20px;
}
/* .button-container .btn:hover {
  background-color: #fff;
  color: #000;
  transform: scale(1.02) perspective(1000px);
} */
.abha-inner-info {
  padding: 60px 30px 30px;
}
.abha-inner-info .form-group {
  margin-bottom: 15px;
  position: relative;
}
.abha-inner-info .form-group label {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
  font-weight: 600;
  z-index: 1;
  margin-bottom: 0;
}
.abha-inner-info .form-group .form-control {
  background: unset;
  border: 1px solid #000;
  border-radius: 6px;
  padding:  15px;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
  /* color: #fff; */
  appearance: none;
  font-size: 17px;
  font-weight: 500;
}
.abha-inner-info .form-group .edit {
  position: absolute;
  right: 25px;
  margin: auto;
  bottom: 0;
  top: 0;
  display: flex;
  color: #000;
  align-items: center;
}
.abha-inner-info .form-group .edit i {
  font-size: 20px;
}
.form-input-box {
  position: relative;
}
.abha-inner-content {
  background-color: #dddddd52;
  padding: 10px;
  overflow-y: scroll;
  height: 150px;
  margin-bottom: 45px;
}
.abha-inner-content p {
  font-size: 12px;
}
.agree {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.agree input[type=checkbox] {
  width: 15px;
  height: 15px;
  border: 1.5px solid #000;
  margin-right: 10px;
  border-radius: 3px;
}
.agree label {
  font-size: 16px;
  margin-bottom: 0;
  color: #000;
  font-weight: 400;
}
.rebot-block {
  margin-bottom: 10px;
}

.otp-info p {
  font-size: 18px;
  font-weight: 700;
  margin-bottom:5px;
  color: #000;
}
.otp-code-block p {
  font-size: 17px;
  margin-bottom: 5px;
}
.otp-code input {
  width: 45px;
  height: 45px;
  border: 2px solid #808080a8;
  border-radius: 3px;
  margin-right: 20px;
  text-align: center;
}
.otp-code input.active {
  border: 2px solid #000;
}
.resend-otp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.resend-otp p {
  font-size: 15px;
  color: grey;
  margin-bottom: 0;
  font-weight: 500;
}
.resend-otp p span {
  color: green;
  font-weight: 700;
}
.resend-otp a {
  font-size: 14px;
  text-decoration: underline;
  color: grey;
}
.otp-code-inner {

  width: 100%;
  margin-top: 20px;

}
.otp-resend-root{
  margin-top: 15px;
}
.otp-code {
  margin-bottom: 15px;
}
.otp-info {
  margin-bottom: 40px;
}
.profile-detail-heading h2 {
  font-size: 20px;
  margin-bottom: 13px;
  font-weight: 700;
}
.profile-detail-heading h4 {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
}
.profile-detail-heading p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.profile-detail-heading img {
  margin-left: 5px;
}
.profile-detail-info .form-group p {
  font-size: 16px;
  font-weight: 700;
}
.profile-detail-info .form-group label {
  font-weight: 500;
  color: grey;
  font-size: 15px;
}
.profile-detail-info {
  display: flex;
  flex-wrap: wrap;
  width: 38%;
}
.profile-detail-info-block {
  margin-bottom: 40px;
}
.profile-detail-info-inner {
  display: flex;
  align-items: flex-start;
}
.profile-detail-info .form-group {
  width: 50%;
  margin-bottom: 35px;
}
.profile-detail-img {
  width:140px;
  height: 140px;
}
.profile-detail-img img {
  width: 100%;
  height: 100%;
}
.profile-detail-heading {
  border-bottom: 1px solid gray;
  padding-bottom: 25px;
  margin-bottom: 40px;
}

.abha-number-inner p {
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
}
.step-3-section .profile-detail-heading {
  margin-bottom: 30px;
}
.step-5-section .profile-detail-heading h2 {
  margin-bottom: 3px;
}
.step-5-section .button-container {
  justify-content: space-between;
}
.step-6-section .button-container {
  justify-content: flex-start;
}
.step-6-section .button-container .btn {
  background-color: #4a99ae;
  padding: 7px 22px;
}
.profile-detail-info-block .form-group input {
  border: 3px solid #4a99ae!important;
}
.abha-inner-info .form-group .form-control:focus {
  border: 3px solid #4a99ae!important;
}

.RSPBprogressBar span {

  color: white;
  font-size: 18px;
  padding:8px 11px;
  background-color: #053479;
  border-radius: 50%;
  font-weight: 700;
} 



.RSPBprogressBar{
  width: 90%;
  margin: 0 auto;
  background-color: #ddd !important;
  height: 5px !important;
}
.circle_count{

  background-color:#4a99ae;
}
/* ///abha */

/*abha login*/
.abha-number-section .choose-payment {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 4px 0px;
  position: relative;
}
.abha-number-section .grey-radio {
  background-color: #053479;
  /* padding: unset !important; */
  border: 1px solid rgba(0, 0, 0, .25) ;
  /* left: 33px; */
  border-radius: 50% ;
  height: 18px ;
  padding-right: 15px;
  width: 18px;
  margin-bottom: 3px ;
  cursor: pointer;
}
.abha-number-section .choose-payment label {
  font-size: 18px;
  font-weight: 500 !important;
  color: #acb2b3;
}
.abha-number-section .abha-number{
  display: block;
}
.abha-number-section .login-inner,.abha-number-section .abha-number,.abha-number-section .abha-number1{
  padding:5px 40px;
}
.abha-number-section .login-inner h5{
  color: #000;
  font-family: 700;
  margin-bottom: 15px;
}
.abha-number-section .login-inner h6{
  font-weight: 600;
  font-size: 17px;
  color: #000;
}
.abha-number-section .login-inner .choose-payment label{
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.abha-number-section  .token-item{
  margin-bottom: 15px;
}
.abha-number-section .token-item label{
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.abha-number-section .token-item input,.abha-number-section .abha-number select{
  padding: 10px;
  font-size: 16px;
  width: 100%;
  line-height: 20px;
  color: #000;
  border-radius: 4px;
  border: 1px solid rgba(180, 177, 177, 0.795);
  background-color: rgba(0, 0, 0, 0.04);
}
.abha-number-section .token-item select:focus,.abha-number-section .token-item input:focus,.abha-number-section .token-item select:focus-visible{
  border: 1px solid rgb(133, 133, 133); 
  outline: none;
}
.abha-number-section .forgot-sec{
  padding: 5px 40px 20px 40px;
}
.abha-number-section .end-text{
  color: #0d6efd;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}
.abha-number-section hr{
  background-color: #959494;
}
.preview-list{
  padding: 10px 20px;
}
.preview-list ul{
  list-style: none;
  margin-bottom: 0;
}
.preview-list ul li{
  font-size: 16px;
  font-weight: 400;
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

#root {
  height: 90vh;
}

.MuiGrid-spacing-xs-2{
  margin: 10px !important;
}

/*sample-product*/
.blue-box{
  background-color: #053479;
  padding: 20px 40px;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sample-product{
  padding: 20px;
}
.sample-product h3{
  font-size: 28px;
  color: #000;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 25px;
}
.sample-product h4{
  font-size: 22px;
  color: #000;
  font-weight: 800;
  line-height: 26px;
  margin-bottom: 18px;
}
.sample-product p{
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 20px;
}
.sample-product .cart-btn{
  font-size: 14px;
  color: #000;
  font-weight: 800;
  text-decoration: none;
  border: 2px solid #000;
  line-height: 20px;
  padding: 10px;
  max-width: 300px;
  margin: auto;
  display: block;
}

@media (max-width:768px){
  .sample-product{
    padding: 5px;
  }}
/*workround for fullcalendar*/
  .fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    height: 100%; }